$(function(){
    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });

    //第一次发送ajax获取一级分类
    $.ajax({
        url:"/category/queryTopCategory",//http://127.0.0.1:3000/category/queryTopCategory
        success:function(result){
            console.log(result);
            //将数据result和模板first结合生成html
            var str = template("first",result);
            $(".links").html( str );
            //在模板引擎中默认选中第一个一级分类
            //相当于就是要使用第一个一级分类获取
            //对应的二级分类数据
            $(".links a").eq(0).trigger("click");
        }
    })

    //一级分类数据实际上是生成的，所以如果要添加点击事件，必须使用委托
    $(".links").on("click","a",function(){
        //获取点击的那个一级分类的id
        var id = $(this).attr("data-id");
        //点击的那个一级分类添加样式，其他一级分类删除active样式。
        $(this).addClass("active").siblings().removeClass("active");
        
        $.ajax({
            url:"/category/querySecondCategory",
            data:{ id:id },
            success:function(result){
                console.log(result);
                //使用模板引擎渲染二级分类数据
                var str = template("second",result);
                $(".brandList").html( str );
            }
        })
    })


})